<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:head>
        <title>Рейтинг ВКСЮ</title>
    </h:head>
       <h:body>
       
       <h2><a href="help.html">HELP</a></h2>
        <h3>Крок 1 Оберіть .xls/.xlsx файл.</h3>
        <p>
					Приклад файлу можна скачати <a
						href="http://moodle.chdu.edu.ua/mod/resource/view.php?id=66401">тут</a>.
		</p>
        <h:form enctype="multipart/form-data" id="form">
		    <p:growl id="messages" showDetail="true" />
		 
		 	<h3>Крок 1.1 Номер сторінки файлу з інформацією про університети</h3>
		 	<p:inputText id="number1" value="#{vksyuBean.universityListNumber}"/>
		 	
		 	<h3>Крок 1.2 Номер сторінки файлу з інформацією про наукові видання</h3>
		 	<p:inputText id="number2" value="#{vksyuBean.jornalListNumber}"/>
		 	<br/>
		 	
		    <p:fileUpload value="#{vksyuBean.file}" mode="simple"/>
		 
		    <p:commandButton id="upload" value="Відправити" ajax="false" 
		    				actionListener="#{vksyuBean.upload}"
		    				update=":form:tabView:dataTableUniversity :form:tabView:dataTableJornals">
  			</p:commandButton>
		    
		    <p:commandButton id="calculate" value="Обчислити"  ajax="false"
		    				actionListener="#{vksyuBean.calculate}"
		    				disabled="#{vksyuBean.calculateDisabled}"
		    				update=":form:tabView:dataTableUniversityResults
		    				 		:form:tabView:dataTableJornalsResults
		    				 		:form:tabView:dataTableResults">
	    		<f:setPropertyActionListener value="#{false}" target="#{vksyuBean.downloadDisabled}"/>				 		
 			</p:commandButton>
		    				 		
 			<p:commandButton value="Завантажити результати" 
 							 id="download"
 							 ajax="false" 
 							 actionListener="#{vksyuBean.createFile}"
 							 disabled="#{vksyuBean.downloadDisabled}">
		        <p:fileDownload value="#{vksyuBean.fileForDownload}" />
		    </p:commandButton>
		    
			<p:commandButton id="reset" 
							 actionListener="#{vksyuBean.reset}" 
							 value="Очистити форму"
							 ajax="false" 
							 update=":form:messages">
			</p:commandButton>
		    
		    <p:tabView id="tabView"> 
		    	<p:tab title="Університети">
		    		<p:dataTable id="dataTableUniversity"
		    					 var="data" 
		    					 value="#{vksyuBean.commonUniversityData}"
		    					 editable="true"
		    					 editMode="cell"
		    					 scrollable="true"
		    					 scrollHeight="700">
		    		
		    			<p:ajax event="cellEdit" 
		    					listener="#{vksyuBean.onUniversityCellEdit}" 
		    					update=":form:messages @this" />
		    		
		    			<p:column headerText="ID">
		    				<p:cellEditor>
		    					<f:facet name="output"><h:outputText value="#{data.id}"/></f:facet>
		    					<f:facet name="input"><h:inputText  value="#{data.id}" style="width:96%"/></f:facet>
		    				</p:cellEditor>
		    			</p:column>
		    			<p:column headerText="Назва">
		    				<p:cellEditor>
		    					<f:facet name="output"><h:outputText value="#{data.name}"/></f:facet>
		    					<f:facet name="input"><h:inputText  value="#{data.name}" style="width:96%"/></f:facet>
		    				</p:cellEditor>
		    			</p:column>
		    			<p:column headerText="Індекс Якості Науково-педагогічного персоналу">
		    				<p:cellEditor>
		    					<f:facet name="output"><h:outputText value="#{data.param1}"/></f:facet>
		    					<f:facet name="input"><h:inputText  value="#{data.param1}" style="width:96%"/></f:facet>
		    				</p:cellEditor>
		    			</p:column>
		    			<p:column headerText="Індекс якості навчання">
							<p:cellEditor>
		    					<f:facet name="output"><h:outputText value="#{data.param2}"/></f:facet>
		    					<f:facet name="input"><h:inputText  value="#{data.param2}" style="width:96%"/></f:facet>
		    				</p:cellEditor>
		    			</p:column>
		    			<p:column headerText="Індекс міжнародного визнання">
		    				<p:cellEditor>
		    					<f:facet name="output"><h:outputText value="#{data.param3}"/></f:facet>
		    					<f:facet name="input"><h:inputText  value="#{data.param3}" style="width:96%"/></f:facet>
		    				</p:cellEditor>
		    			</p:column>
		    		</p:dataTable>
		    	</p:tab>
		    	
		    	<p:tab title="Наукові видання">
		    		<p:dataTable id="dataTableJornals"
		    					 var="data"
		    					 value="#{vksyuBean.commonJournalsData}"
		    					 editable="true"
		    					 editMode="cell"
		    					 scrollable="true"
		    					 scrollHeight="700">

						<p:ajax event="cellEdit" 
		    					listener="#{vksyuBean.onJornalsCellEdit}" 
		    					update=":form:messages @this" />

		    			<p:column headerText="ID">
		    				<p:cellEditor>
		    					<f:facet name="output"><h:outputText value="#{data.id}"/></f:facet>
		    					<f:facet name="input"><h:inputText  value="#{data.id}" style="width:96%"/></f:facet>
		    				</p:cellEditor>
		    			</p:column>
		    			<p:column headerText="Назва">
		    				<p:cellEditor>
		    					<f:facet name="output"><h:outputText value="#{data.name}"/></f:facet>
		    					<f:facet name="input"><h:inputText  value="#{data.name}" style="width:96%"/></f:facet>
		    				</p:cellEditor>
		    			</p:column>
		    			<p:column headerText="Якість видання">
		    				<p:cellEditor>
		    					<f:facet name="output"><h:outputText value="#{data.param1}"/></f:facet>
		    					<f:facet name="input"><h:inputText  value="#{data.param1}" style="width:96%"/></f:facet>
		    				</p:cellEditor>
		    			</p:column>
		    			<p:column headerText="Міжнародні індексації">
		    				<p:cellEditor>
		    					<f:facet name="output"><h:outputText value="#{data.param2}"/></f:facet>
		    					<f:facet name="input"><h:inputText  value="#{data.param2}" style="width:96%"/></f:facet>
		    				</p:cellEditor>
		    			</p:column>
		    			<p:column headerText="Зміст статей">
		    				<p:cellEditor>
		    					<f:facet name="output"><h:outputText value="#{data.param3}"/></f:facet>
		    					<f:facet name="input"><h:inputText  value="#{data.param3}" style="width:96%"/></f:facet>
		    				</p:cellEditor>
		    			</p:column>
		    		</p:dataTable>
		    	</p:tab>
		    	
		    	<p:tab title="Результати Університети">
		    		<p:dataTable id="dataTableUniversityResults"
		    					 var="data"
		    					 value="#{vksyuBean.universityResults}"
		    					 editable="true"
		    					 editMode="cell"
		    					 scrollable="true"
		    					 scrollHeight="700">
		    			<p:column headerText="ID">
		    				<h:outputText value="#{data.id}"/>
		    			</p:column>
		    			<p:column headerText="Назва">
		    				<h:outputText value="#{data.name}"/>
		    			</p:column>
		    			<p:column headerText="Індекс Якості Науково-педагогічного персоналу">
		    				<h:outputText value="#{data.param1}"/>
		    			</p:column>
		    			<p:column headerText="Індекс якості навчання">
		    				<h:outputText value="#{data.param2}"/>
		    			</p:column>
		    			<p:column headerText="Індекс міжнародного визнання">
		    				<h:outputText value="#{data.param3}"/>
		    			</p:column>
		    			<p:column headerText="ВКСЮ" sortBy="#{data.vksyu}">
		    				<h:outputText value="#{data.vksyu}"/>
		    			</p:column>
		    		</p:dataTable>
		    	</p:tab>
		    	
		    	<p:tab title="Результати Журнали">
		    		<p:dataTable id="dataTableJornalsResults"
		    					 var="data"
		    					 value="#{vksyuBean.jornalsResults}"
		    					 scrollable="true"
		    					 scrollHeight="700">
		    			<p:column headerText="ID">
		    				<h:outputText value="#{data.id}"/>
		    			</p:column>
		    			<p:column headerText="Назва">
		    				<h:outputText value="#{data.name}"/>
		    			</p:column>
		    			<p:column headerText="Якість видання">
		    				<h:outputText value="#{data.param1}"/>
		    			</p:column>
		    			<p:column headerText="Міжнародні індексації">
		    				<h:outputText value="#{data.param2}"/>
		    			</p:column>
		    			<p:column headerText="Зміст статей">
		    				<h:outputText value="#{data.param3}"/>
		    			</p:column>
		    			<p:column headerText="ВКСЮ" sortBy="#{data.vksyu}">
		    				<h:outputText value="#{data.vksyu}"/>
		    			</p:column>
		    		</p:dataTable>
		    	</p:tab>
		    	
		    	<p:tab title="Загальні результати">
		    		<p:dataTable id="dataTableResults"
		    					 var="data"
		    					 value="#{vksyuBean.commonResults}"
		    					 scrollable="true"
		    					 scrollHeight="700">
		    			<p:column headerText="ID">
		    				<h:outputText value="#{data.id}"/>
		    			</p:column>
		    			<p:column headerText="Назва">
		    				<h:outputText value="#{data.name}"/>
		    			</p:column>
		    			<p:column headerText="Якість персоналу">
		    				<h:outputText value="#{data.param1}"/>
		    			</p:column>
		    			<p:column headerText="Якість навчання">
		    				<h:outputText value="#{data.param2}"/>
		    			</p:column>
		    			<p:column headerText="Міжнародне визнання">
		    				<h:outputText value="#{data.param3}"/>
		    			</p:column>
		    			<p:column headerText="Якість видання">
		    				<h:outputText value="#{data.param4}"/>
		    			</p:column>
		    			<p:column headerText="Міжнародні індексації">
		    				<h:outputText value="#{data.param5}"/>
		    			</p:column>
		    			<p:column headerText="Зміст статей">
		    				<h:outputText value="#{data.param6}"/>
		    			</p:column>
		    			<p:column headerText="ВКСЮ" sortBy="#{data.vksyu}">
		    				<h:outputText value="#{data.vksyu}"/>
		    			</p:column>
		    		</p:dataTable>
		    	</p:tab>
		    	
		    	<p:tab title="Графічне представлення">
		    		<p:chart type="line" model="#{chartView.resultsModel}" style="height:600px;"/>
		    	</p:tab>
		    </p:tabView>
		</h:form>
    </h:body>
</html>
